<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>

  </style>
  <script src="jquery-3.4.1.min.js"></script>
</head>
<body>
  <div>
    <input type="text" id="add1">
    <select name="fuhao" id="fuhao">
      <option value="?">请选择</option>
      <option value="+">+</option>
      <option value="-">-</option>
      <option value="*">*</option>
      <option value="/">/</option>
    </select>
    <input type="text" id="add2">
    <button id="jisuan">=</button>
    <input type="text" id="jieguo">
  </div>
  <script>
      var $jisuan = $("#jisuan");

    
    
    $jisuan.click(function(){
      //获取各个输入框的值
      var $add1 = parseInt($("#add1").val());
      var $fuhao = $("#fuhao").val();
      var $add2 = parseInt($("#add2").val());

      var $jieguo = $("#jieguo");
      //定义一个num为结果
      var $num;
      //swith分开计算各个符号
      switch ($fuhao){
        case "?" :
          alert("请重新选择符号");
        case "+" :
          $num = $add1 + $add2;
          break;
        case "-" :
          $num = $add1 - $add2;
          break;
        case "*" :
          $num = $add1 * $add2;
          break;
        case "/" :
          $num = $add1 / $add2;
          break;
      }

      $jieguo.val($num) //更改结果框的值
    })
  </script>
</body>
</html>